/* pages/lyric/index.wxss */
.container{
  .scroll-view_H{
    white-space: nowrap;
   
  }
  .banner{
    margin-top: 10px;
  }
  .gridbox{
    margin-top: 10px;
    height: 100px;
    image{
      width: 30px;
      height: 30px;
    }
    .text{
      font-size: 15px;
      margin-top: 5px;
    }
  }
  .trackbox{
    margin-bottom: 20px;
    .scroll-view_H{
      white-space: nowrap;
      .trackitem{
        width: 120px;
        display: inline-block;
        height: 160px;
        overflow: hidden;
        &:not(:first-child){
          margin-left: 10px;
        }
        .track_img{
          border-radius: 10px;
          height: 120px;
          background-color: aqua;
          overflow: hidden;
          margin-bottom: 2px;
          image{
            width: 100%;
            height: 100%;
          }
        }
       
      }
    }
   
  }
  .songbox,.senioritybox{
    height: 230px;
    overflow: hidden;
    margin-bottom: 20px;
    .songitem{
      display: inline-block;
      width: 92%;
      height: 100px;
      &:not(:first-child){
        margin-left: 10px;
      }
      image{
        width: 50px;
        height: 50px;
      }
     .itembox{
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 60px;
      margin-bottom: 10px;
      .item_left,.item_right{
        height: 60px;
        width: 60px;
        border-radius: 5px;
        overflow: hidden;
        image{
         
          width: 100%;
          height: 100%;
        }
      }
      .item_right{
        display: flex;
        align-items: center;
        justify-content: center;
       
        image{
          width: 50%;
          height: 50%;
        }
      }
      .item_center{
        width: 50%;
        .singers{
          font-size: 12px;
        }
      }
     
     }
    }
  }
  .senioritybox{
   .singers{
     font-size: 12px;
     width: 50vw;
     overflow: hidden;
   }
  }
  .searchbox{
    padding: 0 10px;
    .searchitem{
      display: flex;
      line-height: 50px;
      border-bottom: 1px solid #797575;
      .item-right{
        display: flex;
        justify-content: space-between;
        .artist{
          padding-left: 30px;
        }
      }
    }
  }
}